import React from "react";

export default function Form() {
    //1. 声明状态
    let [user, setUser] = React.useState('');
    //3. 声明函数
    const saveUser = (e) => {
        //修改状态的值
        setUser(e.target.value);
    }
    return (
        <div>
            <h2>受控组件</h2>
            {/* 2. input 设置 value 与 onChange */}
            <input type="text" value={user}  onChange={saveUser} />
            <br />
            <button onClick={() => {
                alert(user);
            }}>获取输入框的值</button>
        </div>
    );
}
